<template>
  <div class="cell">
    <van-image width="0.2rem" height="0.2rem" fit="cover" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
    <span class="title">
      {{ props.title }}
    </span>
  </div>
  <div class="slot-content">
    <slot></slot>
  </div>
</template>
<script setup lang="ts">
const props = defineProps({
  title: String
})
</script>
<style lang="less" scoped>
.cell{
  margin: 0.1rem;
  background-color: antiquewhite;
  text-align: left;
  display: flex;
  align-items: center;
  .title{
    margin-left: 0.05rem;
  }
}
.slot-content{
  margin: 0rem 0.1rem 0.2rem 0.1rem;
  width: calc(100% - 0.2rem);
  background-color: antiquewhite;
}
</style>